[hidden]{display:none;}
[inline]{display:inline;}
[block]{display:block;}
[inline-block]{display:inline-block;}



/* fixed width value */
.w20{width:20px;}

/* percent width value */
[pct-100]{width:100%;height: 100%}


/* line-height */
[lh0]{line-height:0;}

/* margin */
.m0{margin:0;}
.ml1{margin-left:1px;}

/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}

/* padding */
.p0{padding:0;}
.p1{padding:1px;}

/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc{border:1px solid #ccc;}
.blc{border-left:1px solid #ccc;}

/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{background-color:#fff;}
.bgfb{background-color:#fbfbfb;}

/* safe color */
.g0{color:#000;}
.g3{color:#333;}

/* font-size */
.f0{font-size:0;}
.f12{font-size:12px;}

/* font-style */
[normal]{font-weight:normal; font-style:normal; white-space: normal;}
[bold]{font-weight:bold;}
[italic]{font-style:italic;}

/* text-align */
[center]{text-align:center;}
[right]{text-align:right;}
[left]{text-align:left;}
[justifytj]{text-align:justify;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* letter-spacing */
.lt-1{letter-spacing:-1px;}
.lt0{letter-spacing:0;}
.lt1{letter-spacing:1px;}
/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
/* vertical-align */
[middle]{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}
/* float */
[left]{float:left;}
[right]{float:right;}

/* position */
[relative]{position:relative;}
[absolute]{position:absolute;}

/* cursor */
[pointer]{cursor:pointer;}

/* overflow */
.ovh{overflow:hidden;}
.ova{overflow:auto;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}
/* opacity */
.opa0{opacity:0; filer:alpha(opacity=0);}
/* zoom */
.z{*zoom:1;}


/* ------------------- multiply CSS ------------------ */
/* 清除浮动*/
[clearfix]{*zoom:1;}
[clearfix]:after{display:table; content:''; clear:both;}
/* 基于display:table-cell的自适应布局 */
[cell]{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell2{overflow:hidden; _display:inline-block;}
/* 单行文字溢出虚点显 示*/
[ellipsis]{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* css3过渡动画效果 */
.trans{
	-webkit-transition:all .15s;	
	        transition:all .15s;
}
/* 大小不定元素垂直居中 */
[dib_vm]{display:inline-block; width:0; height:100%; vertical-align:middle;}
/* 无框文本框文本域 */
[bd_none]{border:0; outline:none;}
/* 按钮禁用 */
[disabled]{outline:0 none; cursor:default!important; opacity:.4; filer:alpha(opacity=40); -ms-pointer-events:none; pointer-events:none;}
/*inline-block与float等宽列表*/

/*各种居中*/
.divtcr{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.divvmr{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.divtcvmr{
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
}
.divtca{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.divvma{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.divtcvma{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% ,-50%);
	-webkit-transform: translate(-50% ,-50%);
}
.divtcvm{
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;
}

[fix-all]{position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
[abs-all]{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}


// 1px解决方案
// .setTopLine(@c: #C7C7C7) {
//   & {
//     position: relative;
//   }
//   &:before {
//     content: " ";
//     position: absolute;
//     left: 0;
//     top: 0;
//     width: 100%;
//     height: 1px;
//     border-top: 1px solid @c;
//   }
//   [data-dpr="1"] &:before {
//     transform-origin: 0 0;
//     transform: scaleY(0.5);
//   }

// }

/*照着这个可以再写setBottomLine等相关mixin*/
a, button, .myelements {
    -ms-touch-action: manipulation; /* IE10  */
    touch-action: manipulation;     /* IE11+ */
}

// 1)单行文本溢出
// .inline{
//   overflow:hidden;
//          white-space:nowrap;
//          text-overflow:ellipsis;
// }2)多行文本溢出
// .foo{
//   display:-webkit-box!important;
//   overflow:hidden;
//   text-overflow:ellipsis;
//   work-break:break-all;
//   -webkit-box-orient:vertical; /*方向*/
//   -webkit-line-clamp:4; /*显示多少行文本*/
// }
// current    当前模块状态
// selected    被选中状态
// disabled    失效状态
// focus    焦点集中状态
// blur    焦点失去状态
// checked    被勾选状态
// success    成功状态
// error    错误状态
